<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件的绑定</title>
    <script src="js/jquery-3.3.1.min.js"></script>
</head>
<script>
    //用于加载之后完成之后执行相当于window.onload
    /** window.onload  和 $(function) 区别
     * window.onload 只能定义一次,如果定义多次，后边的会将前边的覆盖掉
     * $(function)可以定义多次的。*/
    $(function () {
        /**事件的绑定*/
        $("#btn").click(function () {
             alert("来了");
        })
        /**控制css样式*/
        $("#div1").css("background-color","red");
    })
</script>
<body>
    <div id="div1">div1</div>
    <div id="div2">div2</div>
    <input type="button" value="点一下吧" id="btn">
</body>
</html>